<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:p="http://primefaces.org/ui">
<h:head> <h:title> TravelDream - Crea Tipo</h:title></h:head>
<h:body>
	
	<h:form id="form"> 
  		<h3>Nome del nuovo tipo</h3>
		<p:inputText id="nome" value="#{creaTipo.dto.nome}" required="true" requiredMessage="Specifica un nome prima di aggiungere elementi al form o finire." />
    	<p:message for="nome" rendered="true"/>
    	<br/>
    	<h3> Aggiungi text areas al form di creazione e specifica il nome dell'attributo del quale conterrano il valore.</h3>
		<h:dataTable rendered="true" id="textAreas" value="#{creaTipo.textAreas}" var="input"  style="align: center;" >
			<h:column rendered="true">
           		<p:outputLabel for="input1" value="#{input.label}" />
        	</h:column>
        	<h:column rendered="true">
            	<p:inputText id="input1" value="#{input.value}" />
            </h:column>
        </h:dataTable>
        <br/>
        <p:commandButton value="Aggiungi una text area" action="#{creaTipo.addTextArea}" rendered="true" update="textAreas" />
        <p:commandButton value="Rimuovi" action="#{creaTipo.removeTextArea}" rendered="true" update="textAreas" />
        <br/>
        <h3> Aggiungi check boxes al form di creazione e specifica il nome dell'opzione selezionabile tramite queste.</h3>
		<h:dataTable rendered="true" id="checkBoxes" value="#{creaTipo.checkBoxes}" var="input"  style="align: center;" >
			<h:column rendered="true">
           		<p:outputLabel for="input2" value="#{input.label}" />
        	</h:column>
        	<h:column rendered="true">
            	<p:inputText id="input2" value="#{input.value}"/>
        	</h:column>
        </h:dataTable>
        <br/>
        <p:commandButton value="Aggiungi una check box" action="#{creaTipo.addCheckBox}" rendered="true" update="checkBoxes" />
        <p:commandButton value="Rimuovi" action="#{creaTipo.removeCheckBox}" rendered="true" update="checkBoxes" />
        <br/>
        <h3> Riempire i campi riguardanti i radioButton</h3>
		<h:dataTable rendered="true" id="radioButtons" value="#{creaTipo.radioButton}" var="input" style="align: center;" >
			<h:column rendered="true">
           		<p:outputLabel for="input3" value="#{input.label}" />
        	</h:column>
        	<h:column rendered="true">
            	<p:inputText id="input3" value="#{input.value}" />
        	</h:column>
        </h:dataTable>
         <br/>
        <p:commandButton value="Aggiungi un radio button" action="#{creaTipo.addRadioButton}" rendered="true" update="radioButtons" />
        <p:commandButton value="Rimuovi" action="#{creaTipo.removeRadioButton}" rendered="true" update="radioButtons" />
        <br/>
        <p:commandButton value="Conferma" action="#{creaTipo.saveType}" rendered="true"/>
        </h:form> 
</h:body>
</html>